<!DOCTYPE html>
<html layout:decorate="~{layout}" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">

<head>
    <meta content="IE=edge" http-equiv="X-UA-Compatible"/>
    <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport"/>

    <title th:text="#{screen.authentication.warning}">CAS Login Message View</title>
    <link href="../../static/css/cas.css" rel="stylesheet" th:remove="tag"/>
</head>

<body>
<main class="container mt-3 mb-3" role="main">
    <div class="loginMessageView" layout:fragment="content">
        <div class="row">
            <div class="col-lg-8 offset-lg-2 col-xs-12">
                <div class="mdc-card warning">
                    <div class="mdc-card-content">
                        <h2 class="m-0" th:text="#{screen.authentication.warning}">Authentication Succeeded with
                            Warnings</h2>
                    </div>
                    <ul class="mdc-list">
                        <li class="mdc-list-item text-warn" tabindex="0" th:each="message : ${messages}">
                                <span class="mdc-list-item__text" th:utext="${message.text}">Lorem ipsum dolor sit amet, consectetur
                                    adipiscing elit.</span>
                        </li>
                    </ul>

                    <div class="mdc-card__actions">
                        <form class="mr-2" id="form" method="post" th:action="@{/login}">
                            <input name="execution" th:value="${flowExecutionKey}" type="hidden"/>
                            <input name="_eventId" type="hidden" value="proceed"/>
                            <button accesskey="l"
                                    class="mdc-button mdc-button--raised mdc-card__action mdc-card__action--button"
                                    name="continue" th:value="#{screen.button.continue}" value="Continue">
                                <span class="mdc-button__label" th:text="#{screen.button.continue}">Continue</span>
                            </button>
                        </form>
                        <form class="fm-v" id="changePasswordForm" method="post" th:action="@{/login}"
                              th:if="${passwordManagementEnabled} AND ${passwordExpirationWarningFound}">
                            <input name="execution" th:value="${flowExecutionKey}" type="hidden"/>
                            <input name="_eventId" type="hidden" value="changePassword"/>
                            <button accesskey="l"
                                    class="mdc-button mdc-button--raised mdc-card__action mdc-card__action--button"
                                    name="changePassword" th:value="#{screen.button.changePassword}"
                                    value="Change Password">
                                <span class="mdc-button__label" th:text="#{screen.button.changePassword}">Change Password</span>
                            </button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>
</body>

</html>